/**
* 加载动画组件
*/
<template>
	<view class="loading bg-white">
		

		<image :src="imgUrl[isStatus]" mode="widthFix" class="gif-white response"></image>

	</view>
</template>

<script>
	export default {
		name: "Loading",
		props: {
			isStatus:{
				type:String,
				default:'load'
			},
		
		},

		data() {
			return {
				status: false,
				imgUrl: {
					load: '../../static/img/loading-white.gif',
					error1: '../../static/img/404.png',
					error2: '../../static/img/404.png',
					zuqiu:"../../static/img/fb_empty.png",
					lanqiu:"../../static/img/bb_empty.png"
				}


			}

		},
		mounted() {
			console.log(this.imgUrl[this.isStatus]);
		}

	}
</script>

<style scoped>
	.loading {
		width: 100%;
		height: 100%;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
	}

	.response {
		width: 50vw;

	}
</style>
